/**
 * tags.css 
 * 标签样式
 * 
 * dependencies：
 * @require ../base.css
 * @require ../unit/icons.css
 * 
 * modified by Oscar at 2017/05/03 10:14.
 * 
 */

@import "../components/_base.scss";

/*== tag 标签 ==*/
.m_tag { position: relative; display:inline-block;*display:inline;*zoom:1; padding: 2px 24px 2px 6px; line-height:0; border: solid 1px $BorderColor; color:$FontColor1; font-size:14px; }
a.m_tag:hover,
a.m_tag:focus,
a.m_tag:active { color: $PrimaryColor; text-decoration: none; border-color: $PrimaryColor; }

.m_tag .u_tag_txt { line-height:18px; }
.m_tag .eyui-icon { position: absolute; right: 4px; top: 2px; height: 18px; width: 18px; line-height: 17px; }
a.m_tag:hover .eyui-icon { background-color: $PrimaryColor; color: $WhiteColor; }
/*== ./ 默认 ==*/

.m_tag_arrow { }
.m_tag_arrow .eyui-icon,
.m_tag_arrow:hover .u_tag_down{ display:none;  }
.m_tag_arrow .u_tag_down,
.m_tag_arrow:hover .u_tag_close { display:block; }
/*== ./ 下拉箭头 ==*/

.m_tag_kw { padding:0 8px; line-height:18px; background-color:$BackgroundColor; color:$FontColor1; border:0; font-size:12px;font-weight: normal }
a.m_tag_kw:hover { background-color:#eee; }
/*== ./ 关键字标签 ==*/

.m_tag_cupn { position:relative; padding:0 8px; line-height:18px; color:#ad889a; font-size:12px; overflow:hidden; border-radius:1px;
    border:solid 1px #ad889a;
    border:solid 1px rgba(173,136,154,0.55); 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none),  (min-width:0vw) {  
    /* IE10+ */
    .m_tag_cupn {border-width:1px 0;}
    
    .m_tag_cupn:before,
    .m_tag_cupn:after{ 
        content: "";
        position:absolute;
        top:0;
        height:1000%;
        width:0.25em;
    
        background-attachment: scroll, scroll;
        background-clip: border-box, border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: linear-gradient(135deg, transparent, transparent 45%, #ad889a, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #ad889a, transparent 55%, transparent 100%);
        background-origin: padding-box, padding-box;
        background-position: 0 0%, 0 0;
        background-repeat: repeat-y, repeat-y;
        background-size: 0.5em 0.5em;
    
    }
    .m_tag_cupn:before {left:0; }
    .m_tag_cupn:after { right:0; top:-0.25em; }

    a.m_tag_cupn:hover { border-color:rgba(247,129,103,0.45); }
    a.m_tag_cupn:hover:before,
    a.m_tag_cupn:hover:after{ background-image: linear-gradient(135deg, transparent, transparent 45%, $PrimaryColor, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, $PrimaryColor, transparent 55%, transparent 100%); }

}  

/*== ./ 优惠券标签 ==*/

.badge,
.label { background-color: #abbac3; font-size: 12px; font-weight: 400; text-shadow: none; }
.badge { line-height: 15px; padding-bottom: 3px; padding-top: 1px; filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$GradientColorEnd,endcolorstr=$GradientColorStart,gradientType=0);-ms-filter: alpha(opacity=100) progid:DXImageTransform.Microsoft.gradient(startcolorstr=$GradientColorEnd,endcolorstr=$GradientColorStart,gradientType=0);background: $PrimaryColor;background: -moz-linear-gradient(top, $GradientColorEnd, $GradientColorStart);background: -webkit-gradient(linear, 0 0, 0 bottom, from($GradientColorEnd), to($GradientColorStart)); background: -o-linear-gradient(top, $GradientColorEnd, $GradientColorStart);}
.badge-danger,
.badge-important,
.badge.badge-danger,
.badge.badge-important,
.label-danger,
.label-important,
.label.label-danger,
.label.label-important { background-color: $FontColor1;}
/*== ./ 标记（badge） ==*/